<template>
  <!-- 这里是数据分析页面 -->
  <div class="dataAnalysis">
    <el-card class="data-title">
      <div class="title-head">
        <i class="el-icon-s-data"></i>
        <span>用户数据分析</span>    
      </div>
    </el-card>
    <el-card class="data-content">
      <el-col :span="8">
        <data-one></data-one>
      </el-col>
      <el-col :span="8">
        <data-two></data-two>
      </el-col>
      <el-col :span="8">
        <data-three></data-three>
      </el-col>
    </el-card>
  </div>
</template>

<script>
import DataOne from "../../components/DataOne"
import DataTwo from "../../components/DataTwo"
import DataThree from "../../components/DataThree"
export default {
  name:"DataAnalysis",
  components:{
    DataOne,
    DataTwo,
    DataThree
  }
}
</script>

<style lang="less" scoped>
  .dataAnalysis{
    .data-title{
      .title-head{
        font-size: 26px;
        color:#409eff;
        font-weight: 600;
        i{
          margin-right: 20px;
        }
      }
    }
    .data-content{
      margin-top: 40px;
    }
  }
</style>